<section>
	<article class="p-4">
		<h1>Roadmap</h1>
		<p>
			Since this is a side project and I'm the only developer, I can't promise any strict
			schedules. This is a rough plan of what I want to implement but if several people
			request something specific then I will try to prioritize that feature sooner. If you
			have any ideas or requests, please let me know via our
			<a [routerLink]="['/contact']">contact form</a>
			or
			<a href="https://twitter.com/mamba_ui" target="_blank" rel="noopener noreferrer">
				Twitter
			</a>
			.
		</p>

		<h2>Under development</h2>
		<ul>
			<li>Coming soon components</li>
			<li>Range slider components</li>
			<li>Schedule components</li>
		</ul>

		<h2>Component/template ideas</h2>
		<p>These are still rough ideas so these might or might not actually make it to Mamba UI.</p>
		<ul>
			<li>Date picker components</li>
			<li>Tooltip component</li>
			<li>Checkout components</li>
			<li>Banner components</li>
			<li>Fixed bottom navigation components</li>
			<li>(more) Shopping cart components</li>
			<li>(more) Timeline components</li>
			<li>Chat template</li>
		</ul>

		<h2>Other long-term ideas</h2>
		<ul>
			<li>Ability to select any shade from the Tailwind CSS colors as the primary color</li>
			<li>
				Ability to also select the background color of the dark and light themes from
				Tailwind CSS grayscale colors
			</li>
			<li>Export light and dark mode simultaneously</li>
			<li>Email templates</li>
			<li>Premium templates</li>
		</ul>

		<h2>Completed items</h2>
		<p>We already have free and open-source Tailwind CSS components from these categories:</p>
		<ul class="grid gap-x-2 sm:grid-cols-2">
			<li>Article</li>
			<li>Avatar</li>
			<li>Blog</li>
			<li>Breadcrumb</li>
			<li>Button</li>
			<li>Call to action</li>
			<li>Contact</li>
			<li>Error</li>
			<li>Faq</li>
			<li>Feature</li>
			<li>Footer</li>
			<li>Form</li>
			<li>Gallery</li>
			<li>Header</li>
			<li>Hero</li>
			<li>Input</li>
			<li>Loading</li>
			<li>Login</li>
			<li>News sections</li>
			<li>Pagination</li>
			<li>Pricing</li>
			<li>Profile</li>
			<li>Review</li>
			<li>Shopping cart</li>
			<li>Sidebar</li>
			<li>Skeleton loaders</li>
			<li>Snackbar</li>
			<li>Stats</li>
			<li>Steps</li>
			<li>Tab</li>
			<li>Team</li>
			<li>Testimonial</li>
			<li>Timeline</li>
			<li>Toggle</li>
			<li>Weather</li>
		</ul>
	</article>
</section>
